@charset "utf-8";
/* CSS Document */

body {
      margin: 0;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background-image: url("../personal images/Landing Page Background 01.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      font-family: 'Montserrat', sans-serif;
      overflow: hidden;
      transition: opacity 1s ease-in-out;
    }

    .fade-in {
      opacity: 0;
      animation: fadeIn 2.5s ease-in forwards;
    }

    @keyframes fadeIn {
      to { opacity: 1; }
    }

    .tavern-logo {
      cursor: pointer;
      transition: transform 0.3s ease;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); /* Mounted effect */
    }

    .tavern-logo:hover {
      transform: scale(1.05);
    }

    figcaption {
      font-size: 1.1rem;
      color: goldenrod;
      opacity: 0.8;
        font-family: "Annabel1";}

    .fade-out {
      opacity: 0;
    }

    /* Music Controls */
    .music-toggle {
      position: absolute;
      bottom: 20px;
      right: 20px;
      background: #2E3A87;
      color: white;
      border: none;
      padding: 8px 12px;
      font-size: 0.9rem;
      border-radius: 5px;
      cursor: pointer;
    }

    .music-toggle:hover {
      background: #1a255d;
    }
      @font-face {
    font-family: "Annabel1";
    src: url("../../Fonts/annabel 1.ttf");}
@font-face {
    font-family: "CallingAngels";
    src: url("../../Fonts/Calling Angels Personal Use.ttf");}
@font-face {
    font-family: "Valdemar";
    src: url("../../Fonts/Valdemar.ttf");}